<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 9. 25.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 9. 25.     Kim hyung soo     최초 생성
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>계열사소개 서브메인 | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 계열사별 소개" />
<meta name="keywords" content="현대자동차그룹, 현대차그룹, 계열사 소개" />
<%@ include file="/WEB-INF/jsp/web/kor/include/header.jspf" %>
<script type="text/javascript">
//<![CDATA[

$(function(){
    $(".groupList li ul").addClass('none');
    $(".groupList li a.depth1 img").click( function() {
        if ($(this).parent().next('.affiliate_list').is(':visible')){
            $(this).parent().next('.affiliate_list').addClass('none');
            $(this).removeClass('on');
        } else {
            $(".groupList li ul").addClass('none');
            $('.groupList li a .on').removeClass('on');
            $(this).parent().next('.none').removeClass('none');
            $(this).addClass('on');
        }
    });
    $(".groupList li ul li a img").hover(
        function(){
            $(this).addClass('on');
        },
        function(){
            $(this).removeClass('on');
        });
});

//]]>
</script>
</head>
<body>
<!--wrap-->
<div id="wrap">
    <!-- skip navigation -->
    <div id="skipnavition">
        <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
    </div>
    <!--// skip navigation -->

    <hr />

    <!-- header-->
    <%@ include file="/WEB-INF/jsp/web/kor/include/left.jspf" %>
    <!--//header-->

    <hr />

    <!--container-->
    <div id="container">
        <div class="scroll-pane">
            <!-- 공통 -->
            <div class="subTitle">
                <div class="pageTitle">
                    <h2><img src="/hmg/images/web/kor/title/gri_AffiliatesInfo.gif" alt="계열사소개" /></h2>
                    <p class="subCopy"><img src="/hmg/images/web/kor/title/gri_AffiliatesInfo_desc.gif" alt="삶의 동반자, 현대자동차그룹이 함께합니다" /></p>
                </div> 

                <div class="pageLocation">
                    <ul>
                        <li><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈"/></a></li>
                        <li><a href="/hmg/web/kor/gri/cpr/CorporatePhilosophy.do">그룹소개</a></li>
                        <li class="nowPage"><a href="./AffiliateIntroduce.do">계열사소개</a></li>
                    </ul>
                </div>
            </div>
            <!--//공통-->

            <!--contents-->
            <div id="content" class="ptNone">
                <!-- 내용 -->
                <div class="Affiliate_main">
                    <ul class="groupList">
                        <li class="group01 iliat"><a href="#" class="depth1"><img src="/hmg/images/web/kor/gri/affiliate_Icon01_off.gif" alt="철강" /></a>
                            <ul class="affiliate_list">
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_steel.do"><img src="/hmg/images/web/kor/gri/gr01-01.gif" alt="현대제철" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_steel1.do"><img src="/hmg/images/web/kor/gri/gr01-02.gif" alt="현대하이스코" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_steel2.do"><img src="/hmg/images/web/kor/gri/gr01-03.gif" alt="현대비엔지스틸" /></a></li>
                            </ul>
                        </li>
                        <li class="group02 iliat"><a href="#" class="depth1"><img src="/hmg/images/web/kor/gri/affiliate_Icon02_off.gif" alt="건설" /></a>
                            <ul class="affiliate_list">
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_build.do"><img src="/hmg/images/web/kor/gri/gr02-01.gif" alt="현대건설" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_build1.do"><img src="/hmg/images/web/kor/gri/gr02-02.gif" alt="현대엔지니어링" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_build2.do"><img src="/hmg/images/web/kor/gri/gr02-03.gif" alt="현대엠코" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_build3.do"><img src="/hmg/images/web/kor/gri/gr02-04.gif" alt="현대스틸산업" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_build4.do"><img src="/hmg/images/web/kor/gri/gr02-05.gif" alt="현대종합설계" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_build5.do"><img src="/hmg/images/web/kor/gri/gr02-06.gif" alt="현대도시개발" /></a></li>
                            </ul>
                        </li>
                        <li class="group03 iliat"><a href="#" class="depth1"><img src="/hmg/images/web/kor/gri/affiliate_Icon03_off.gif" alt="완성차"  /></a>
                            <ul class="affiliate_list">
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_car.do"><img src="/hmg/images/web/kor/gri/gr03-01.gif" alt="현대자동차" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_car1.do"><img src="/hmg/images/web/kor/gri/gr03-02.gif" alt="기아자동차" /></a></li>
                            </ul>
                        </li>
                        <li class="group04 iliat"><a href="#" class="depth1"><img src="/hmg/images/web/kor/gri/affiliate_Icon04_off.gif" alt="부품"  /></a>
                            <ul class="affiliate_list">
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part.do"><img src="/hmg/images/web/kor/gri/gr04-01.gif" alt="현대모비스" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part1.do"><img src="/hmg/images/web/kor/gri/gr04-02.gif" alt="현대위아" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part2.do"><img src="/hmg/images/web/kor/gri/gr04-03.gif" alt="현대파워텍" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part3.do"><img src="/hmg/images/web/kor/gri/gr04-04.gif" alt="현대다이모스" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part4.do"><img src="/hmg/images/web/kor/gri/gr04-05.gif" alt="현대케피코" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part5.do"><img src="/hmg/images/web/kor/gri/gr04-06.gif" alt="현대오트론" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part6.do"><img src="/hmg/images/web/kor/gri/gr04-07.gif" alt="현대엠엔소프트" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part7.do"><img src="/hmg/images/web/kor/gri/gr04-08.gif" alt="현대위스코" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part8.do"><img src="/hmg/images/web/kor/gri/gr04-09.gif" alt="현대엠시트" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part9.do"><img src="/hmg/images/web/kor/gri/gr04-10.gif" alt="현대메티아" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part10.do"><img src="/hmg/images/web/kor/gri/gr04-11.gif" alt="현대아이에이치엘" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part11.do"><img src="/hmg/images/web/kor/gri/gr04-12.gif" alt="현대파텍스" /></a></li>
                            </ul>
                        </li>
                        <li class="group05 iliat"><a href="#" class="depth1"><img src="/hmg/images/web/kor/gri/affiliate_Icon05_off.gif" alt="기타"  /></a>
                            <ul class="affiliate_list">
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc.do"><img src="/hmg/images/web/kor/gri/gr05-01.gif" alt="현대글로비스" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc1.do"><img src="/hmg/images/web/kor/gri/gr05-02.gif" alt="현대로템" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc2.do"><img src="/hmg/images/web/kor/gri/gr05-03.gif" alt="이노션 월드와이드" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc3.do"><img src="/hmg/images/web/kor/gri/gr05-04.gif" alt="해비치호텔&리조트" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc4.do"><img src="/hmg/images/web/kor/gri/gr05-05.gif" alt="현대오토에버" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc5.do"><img src="/hmg/images/web/kor/gri/gr05-06.gif" alt="현대엔지비" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc6.do"><img src="/hmg/images/web/kor/gri/gr05-07.gif" alt="현대씨엔아이" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc7.do"><img src="/hmg/images/web/kor/gri/gr05-08.gif" alt="현대서산농장" /></a></li>
                            </ul>
                        </li>
                        <li class="group06 iliat"><a href="#" class="depth1"><img src="/hmg/images/web/kor/gri/affiliate_Icon06_off.gif" alt="금융"  /></a>
                            <ul class="affiliate_list">
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_finance.do"><img src="/hmg/images/web/kor/gri/gr06-01.gif" alt="현대캐피탈" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_finance1.do"><img src="/hmg/images/web/kor/gri/gr06-02.gif" alt="현대카드" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_finance2.do"><img src="/hmg/images/web/kor/gri/gr06-03.gif" alt="현대커머셜" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_finance3.do"><img src="/hmg/images/web/kor/gri/gr06-04.gif" alt="HMC투자증권" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_finance4.do"><img src="/hmg/images/web/kor/gri/gr06-05.gif" alt="현대라이프" /></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!--// 내용 -->
            </div>
            <!--//contents-->
        </div>
    </div>
    <!--//container-->

    <hr />

    <!--footer-->
    <%@ include file="/WEB-INF/jsp/web/kor/include/footer.jspf" %>
    <!--//footer-->
    <hr />
    <!--notice-->
    <%@ include file="/WEB-INF/jsp/web/kor/include/notice.jspf" %>
    <!--//notice-->

</div>
<!--//wrap-->
</body>
</html>